<template>
  <el-image  style="width: 50%" :src="src" alt="" lazy>
    <div slot="error" class="image-slot">
      <i class="el-icon-picture-outline"></i>暂无图片
    </div>
    <div slot="placeholder" class="image-slot">
      加载中<span class="dot">...</span>
    </div>
  </el-image>
</template>
<script>
export default {
  name: "Images",
  props: {
    src: {
      type: String,
      default: "",
    },
  },
};
</script>